<template>
	<div class="header">
		城市选择
		<router-link to="/">
			<div class="iconfont header-back">&#xe64e;</div>
		</router-link>
	</div>
</template>

<script>
export default {
	name:'CityHeader'
}	
</script>

<style lang="stylus" scoped>
@import '~styles/veribles.styl'
.header
	height:$headerHeight
	overflow:hidden
	line-height:$headerHeight
	background:$bgColor
	text-align:center
	color:#ffffff
	font-size:.32rem
	position:relative
	.header-back
		position:absolute
		top:0
		left:0
		width:.64rem
		text-align:center
		font-size:.4rem
		color:#ffffff
</style>